<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/sucai.css">
		<style type="text/css">
			.nav{
				height: 800px;
			}
			.footer{
				width: 100%;
				height: 50px;
				background-color: black;
			}
			.footer a{
				font-size: 14px;
				padding-left: 50%;
				padding-top: 5px;
				color: darkgray;
			}
		</style>
	</head>
	<body>
		<div class="head">
			<h1><a href="index.html"><img src="img/logo.png" alt="Gerald Harris attorney at law"></a> </h1>
			<ul class="dh">
                   <li class="xl"><a href="index.html">动物之家</a>
                   		<ul class="xl1">
                         <li><a href="#">小猫猫</a></li>
                         <li><a href="#">小狗狗</a></li>
                     </ul>
                   </li>
                   <li class="xl"><a href="1.html">宠物百科 </a>
                     <ul class="xl1">
                         <li><a href="#">宠物推荐</a></li>
                         <li><a href="#">宠物档案</a></li>
                     </ul>
                   </li>
                   <li class="xl"><a href="2.html">服务咨询</a>
                   		<ul class="xl1">
                         <li><a href="#">动物问题</a></li>
                         <li><a href="#">喂养事项</a></li>
                     </ul>
                   </li>
                   <li><a href="3.html">登录|注册</a></li>
                 </ul>
		</div>
		<div class="neir">
			<div class="z">
				<h1>We Recommend</h1><img id="dwt1" src="img/icon1.png">
					<div class="z1">
						<img id="dwt2" src="img/page2_img1.jpg">
						<p style="color: black;"><strong>N</strong>unc fringilla diam sit amet adipi scing bibendum turpis velit feugiat urna etlort pharetra neque nisi ac nunc.</p>

					</div>
					<div class="z2">
						<p>Praesent quis orci eget diam viverra consequat. Fusce sagittis quam in pulvinar sollicitudin velit velit cursus nibh ullamcorper accumsan sem lectus ut sapien. Donec venenatis posuere velit aty convallis neque ullamcorper quis. Integer posuere ipsum eu risus sollicitudin nec varius eratylo luctus. Fusce fringilla erat ac urna pe llentesque congue. Nunc fringilla diam sit amet adipi scing bibendum turpis velit feugiat urna et pharetra neque nisi ac nunc. Vivamus est quam dapibuslok.</p>
					</div>
					<div class="z3"><a href="index.html" class="btn">More</a></div>
			</div>
			<div class="y">
				<h1>Latest News</h1><img id="dwt3" src="img/icon2.png">
				<div class="y1">
					<div class="tt"><a class="btn">1</a></br><a class="btn1">FIR</a></div>
					<div class="zz">
						<p style="color: black;">Huis posuere consectetur pellente</p>
						</br><p>Eed nisi turpis pellentesque at ultriceso in dapibus in magna. Nunc easi diamyu risulacerat ut scelerisque et suscipit.</p>
					</div>
				</div>
				<div class="y1">
					<div class="tt1"><a class="btn">2</a></br><a class="btn1">SEC</a></div>
					<div class="zz">
						<p style="color: black;">Luuis posuere consectetur pellentes</p>
						</br><p>Ged nisi turpis pellentesque at ultricesyt in dapibus in magna. Ounc easi diamyu risulacerat ut scelerisque et suscipi.</p>
					</div>
				</div>
				<div class="y1">
					<div class="tt"><a class="btn">3</a></br><a class="btn1">THI</a></div>
					<div class="zz">
						<p style="color: black;">Opuis posuere honsectetur pellente</p>
						</br><p>Koed nisi turpis, pellentesque at ultrkoty ices in dapibus in magna. Aunc easigoli diam risujo placerat ut scelerisque.</p>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="banquan">
 				<a>月木&copy;宠物店&copy;2020</a>
 			</div>
		</div>
	</body>
</html>
